@media( min-width: 1000px ){ .texto-inicio-logo{ margin-top: -10rem; } } .sombra1 ,.sombra2 ,.sombra3 ,.sombra4{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); opacity: 0; z-index: 1; pointer-events: none; } .sombra1{ animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; animation-name: expandir; animation-delay: .2s; } .sombra2{ animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; animation-name: expandir; animation-delay: .4s; } .sombra3{ animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; animation-name: expandir; animation-delay: .6s; } .sombra4{ animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; animation-name: expandir; animation-delay: .8s; } @keyframes expandir { 0% { transform: translateX(-50%) scale(1); opacity: 0; } 20% { transform: translateX(-50%) scale(1.3); opacity: .3; } 30% { transform: translateX(-50%) scale(1.5); opacity: 0; } }   [href="https://leafletjs.com"]{ display: none; }